<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>新年纳福袋回家</title>
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script src="js/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
    <link rel='stylesheet' href="css/swiper.min.css">
    <script src="js/jquery-3.4.1.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index.js"></script>

</head>

<body>
    <div class="double" id="double">
        <div class="addRule"></div>
        <div class="share" id="addShare"></div>
        <!-- 分享 -->
        <div id="sharing" class="dialog hide">
            <div class="shareOne"></div>
        </div>
        <!-- 弹框 -->
        <div id="ruleBox" class="dialog rule hide">
            <div class="ruleOne">
                <div class="close"></div>
            </div>
        </div>
        <div class="box">
            <div class="name boxOne">
                <input type="text" id="name" placeholder="输入想变美的部位" onpropertychange="OnPropChanged (event)"
                    maxlength="20">
            </div>
            <div class="phone boxOne">
                <!-- <input type="tel" maxlength="11" id="phone" placeholder="输入您的电话"
                    onkeyup="value=value.replace(/[^\d]/g,'')">
                <button id="btn"></button> -->
                <input type="tel" maxlength="11" id="phone" placeholder="输入您的电话"
                    onkeyup="value=value.replace(/[^\d]/g,'')"><button id="btn"></button>
            </div>
        </div>
        <div class="active">
            <div class="active-box">
                <div class="left"><img src="https://img.ameimeika.com/h5_images/fortunebag/meizi.png" alt=""></div>
                <div class="center">
                    <span>美美福</span>
                    <p>输入您的电话</p>
                    <p>输入想变美的部位</p>
                </div>
                <div class="right" id="getBtn"><a><img src="https://img.ameimeika.com/h5_images/fortunebag/qulingqu.png"
                            alt=""></a></div>
            </div>
            <div class="active-boxTwo">
                <div class="left"><img src="https://img.ameimeika.com/h5_images/fortunebag/kazi.png" alt=""></div>
                <div class="center">
                    <span>咖字福<i class="kaContent"></i></span>
                    <p>将本页面分享</p>
                    <p>到<b>3个</b>微信群</p>
                </div>
                <div class="right" id="getKazifu"><img
                        src="https://img.ameimeika.com/h5_images/fortunebag/qufenxiang.png" alt=""></div>
            </div>
            <div class="active-three">
                <div class="left"><img src="https://img.ameimeika.com/h5_images/fortunebag/fuzi.png" alt=""></div>
                <div class="center">
                    <span>福字福</span>
                    <p>将本页面分享到<b>朋友圈</b></p>
                    <p>&nbsp;(48小时内不可删除)</p>
                </div>
                <div class="right getFuzifu" id="getFuzifu"><img
                        src="https://img.ameimeika.com/h5_images/fortunebag/qufenxiang.png" alt=""></div>
            </div>
            <div class="active-boxTwo">
                <div class="left"><img src="https://img.ameimeika.com/h5_images/fortunebag/daizi.png" alt=""></div>
                <div class="center">
                    <span>袋字福<i class="Dcontent"></i></span>
                    <p>下拉本页面浏览</p>
                    <p><b>5个医美项目</b></p>
                </div>
                <div class="right" id="getDai"><a><img src="https://img.ameimeika.com/h5_images/fortunebag/quliulan.png"
                            alt=""></a></div>
            </div>
        </div>
        <!-- 提示弹窗 -->
        <div class="tip hide" id="tip">
            <div class="msgBox">
                <div class="tipMsg" id="tipMsg"></div>
            </div>
        </div>
        <!-- plus弹框 -->
        <div id="plusBox" class="plusdialog rule hide">
            <div class="plus">
                <img src="https://img.ameimeika.com/h5_images/fortunebag/fudaikuang.png" alt="" id="plushide">
            </div>
        </div>
        <!-- <div id="addShare" class="shareBox hide">
            
        </div> -->
        <!-- 项目列表 -->
        <div class="projectList">
            <!-- 筛选栏 -->
            <div class="stick">
                <div class="filter" id="filterBtn">
                    <div class="filter-item" id="filter-item" data-type="1">
                        销售排行
                        <img class="nav_down" src="https://img.ameimeika.com/h5_images/doublDenier/mainVenue/row.png"
                            alt="">
                        <!-- <img class="nav_up" src="https://img.ameimeika.com/h5_images/fortunebag/xia-hong.png" alt=""> -->
                    </div>
                    <div class="line"></div>
                    <div class="filter-item" id="filter-item" data-type="2">
                        人气排行
                        <!-- <img class="nav_up" src="https://img.ameimeika.com/h5_images/fortunebag/xia-hong.png" alt=""> -->
                        <img class="nav_down" src="https://img.ameimeika.com/h5_images/doublDenier/mainVenue/row.png">
                    </div>
                    <div class="line"></div>
                    <div class="filter-item" id="filter-item" data-type="3">
                        价格排行
                        <!-- <img class="nav_up" src="https://img.ameimeika.com/h5_images/fortunebag/xia-hong.png" alt=""> -->
                        <img class="nav_down" src="https://img.ameimeika.com/h5_images/doublDenier/mainVenue/row.png">
                    </div>
                </div>
            </div>

            <!-- 列表 -->
            <div class="maillList" id="maillList">
                <!-- <div class="mall"><img class="mallImg"
                        src="https://img.ameimeika.com/h5_images/doublDenier/mainVenue/product_01.png">
                    <div class="fonts">
                        <div class="top">
                            <h2>wwww</h2>
                            <div class="top_cont">
                                <p>wwwww</p>
                                <div class="address">wwwww</div>
                            </div>
                        </div>
                        <div class="plus_title">wwwww</div>
                        <div class="bottom">
                            <div class="price">优惠价<p>www</p>¥<span>wwwww</span>起</p>
                            </div>
                            <div class="person_num">wwwwww</div>
                        </div>
                    </div>

                </div> -->
            </div>
        </div>
    </div>

</body>

</html>
<script>
    // 初始化
    // var vConsole = new VConsole();
    // console.log('Hello world');
    // window.vConsole = new window.VConsole();
</script>